<template>
  <div class="app">
      <test></test>
      <hr>
      <test2></test2>
      <hr>
      <test3></test3>
  </div>
</template>

<script>
    //引入组件
    import test from './components/test.vue'
    import test2 from './components/test2.vue'
    import test3 from './components/test3.vue'
    export default {
      name: 'App',
      mounted() {
        console.log(this)
      },
      data () {
        return {
          msg: '欢迎学习vue',
          studentName: '',
          arr: [
            {
              id: '1',
              num: 0,
              age: 11
            },
            {
              id: '2',
              num: 0,
              age: 11
            },
            {
              id: '3',
              num: 0,
              age: 11
            },
            {
              id: '4',
              num: 0,
              age: 11
            },
            {
              id: '5',
              num: 0,
              age: 11
            },
            {
              id: '6',
              num: 0,
              age: 11
            },
          ]
        }
      },
      components: {
        test,
        test2,
        test3
      },
    }
</script>

<style>

</style>